<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head  xml:lang="es" lang="es">
        <title>Facelet Title</title>
        <script src="http://code.jquery.com/jquery.js"></script>
        <h:outputStylesheet library="css" name="bootstrap.min.css"  />
        <h:outputScript library="js" name="bootstrap.js" />
    </h:head>
    <h:body>
        <div class="container">
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <a class="brand" href="index.xhtml">Analizador de Google Play</a>
                </div>
            </div>
            <div class="hero-unit">
                <h1>Analizador de Google Play</h1>
                <h2>Análisis de una categoría</h2>
            </div>
            <div class="row">
                <div class="span9">
                    <h:dataTable value="#{paginaPrincipal.listaAplicaciones}" var="app" class="table-striped">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="NOMBRE"></h:outputText>
                            </f:facet>
                            <h:link value="#{app.nombre}">
                                <f:param name="direccion" value="#{paginaPrincipal.direccion}" />
                            </h:link>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="DESCARGAS"></h:outputText>
                            </f:facet>
                            <h:outputText value="#{app.descargas}"></h:outputText>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="PRECIO"></h:outputText>
                            </f:facet>
                            <h:outputText value="#{app.precio}"></h:outputText>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="INDICE DE CONFIANZA"></h:outputText>
                            </f:facet>
                            <h:outputText value="#{app.indiceConfianza}"></h:outputText>
                        </h:column>
                    </h:dataTable>
                </div>
            </div>
            <br /><br/>
            <hr />
            <div id="footer">

                <div class="container">

                    <div class="span9">
                        <p class="muted credit">Agustina González Pavón </p>
                        <p class="muted credit">Antonio Jesús Viñas Sandiez</p>
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>

